<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sprite</title>
    <style>
        #logo{
            width: 200px;
            height: 40px;
            background: #fff url(images/sprite.png) 0 0px no-repeat;
        }

        #hot {
            width: 40px;
            height: 30px;
            background: #fff url(images/sprite.png) 0 -75px no-repeat;
        }

        #new {
            width: 90px;
            height: 30px;
            background: #fff url(images/sprite.png) 0 -122px no-repeat;
        }


        img {
            width: 200px;
            height: 40px;
        }


    </style>
</head>
<body>
<div id="logo"></div>
<div id="hot"></div>
<div id="new"></div>

<img src="images/sprite.png" alt="">
</body>
</html>
